<style>
    .top{
        width: 100%;
        display: flex;
        .topconxtop{
            width: 25%;
            position: relative;

            .topcon{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                color: red;

                .row{
                    width: 25px;
                    height: 25px;
                    background: #fff;
                    border: 1px solid red;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 25px;
                    font-size: 16px;

                }
            }
            .xt{

                width: 100%;
                position: absolute;
                left: 104.8%;
                transform: translateX(-50%);
                top: 12.5px;
                height: 1px;
                background: red;
            }
            .topcon2{
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                color: #CCC;

                .row{
                    width: 25px;
                    height: 25px;
                    background: #fff;
                    border: 1px solid #CCC;
                    border-radius: 50%;
                    text-align: center;
                    line-height: 25px;
                    font-size: 16px;

                }
            }
            .xt2{

                width: 100%;
                position: absolute;
                left: 104.8%;
                transform: translateX(-50%);
                top: 12.5px;
                height: 1px;
                background: #CCC;
            }



        }






    }
</style>

<div class="top">

    <div class="topconxtop">
        <div class="topcon">
            <div class="row">
                1
            </div>
            <div style="margin-top: 6px">档案信息创建</div>
        </div>
        <div class="xt"></div>
    </div>
    <div class="topconxtop">
        <div class="topcon">
            <div class="row">
                2
            </div>
            <div style="margin-top: 6px">提交审核</div>
        </div>
        <div class="xt"></div>
    </div>
    <div class="topconxtop">
        <div class="topcon">
            <div class="row">
                3
            </div>
            <div style="margin-top: 6px">审核中</div>
        </div>
        <div class="xt2"></div>
    </div>
    <div class="topconxtop">
        {switch name="$row.verify" }
        {case value="1"}
        <div class="topcon2">
            <div class="row">
                4
            </div>
            <div style="margin-top: 6px">审核完成</div>
        </div>
        {/case}
        {case value="2"}
        <div class="topcon">
            <div class="row">
                4
            </div>
            <div style="margin-top: 6px">审核完成</div>
        </div>
        {/case}
        {/switch}
    </div>


</div>
<!--在这写-->

<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('State')}:</label>
        <div class="col-xs-12 col-sm-8">

            <div class="radio">
                {foreach name="stateList" item="vo"}
                <label for="row[state]-{$key}"><input id="row[state]-{$key}" name="row[state]" disabled type="radio" value="{$key}" {in name="key" value="$row.state"}checked{/in} /> {$vo}</label>

                {/foreach}
            </div>

        </div>
    </div>
    <div class="form-group ">
        <label class="control-label col-xs-12 col-sm-2">{:__('Shop_code')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-shop_code" disabled class="form-control" name="row[shop_code]" type="text"  value="{$row.shop_code|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Shopname')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-shopname" class="form-control" name="row[shopname]" type="text" value="{$row.shopname|htmlentities}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" class="form-control" name="row[name]" type="text"  value="{$row.name|htmlentities}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Telephone')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-telephone" class="form-control" name="row[telephone]" type="text" value="{$row.telephone|htmlentities}" disabled>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Staff_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-staff_id" data-rule="required" data-source="staff/staff" class="form-control selectpage"
                   name="row[staff_id]" type="text" disabled value="{$row.staff_id|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Phone')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-phone" class="form-control" disabled name="row[phone]" type="text" value="{$row.phone|htmlentities}">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">开业时间:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-starttime" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss"
                   data-use-current="true"  name="row[starttime]" type="text"  value="{:$row.starttime?datetime($row.starttime):''}">
        </div>
    </div>



    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>

        {switch name="$row.verify" }
        {case value="1"}
        <div class="col-xs-12 col-sm-8">
            <button type="submit" href="#" class="btn success  btn-success btn-default btn-embossed disabled " data-status="1" data-ids="{$row.id}" style="width: 45%">通过</button>
            <button type="submit" class="btn btn-danger success refuser btn-default btn-embossed disabled" data-status="0" data-ids="{$row.id}" style="width: 45%">驳回</button>
        </div>
        {/case}
        {/switch}
    </div>
</form>
<script>
    function updateSum() {
        var input1 = parseFloat(document.getElementById('c-firstloan').value) || 0;
        var input2 = parseFloat(document.getElementById('c-systemcost').value) || 0;
        var input3 = parseFloat(document.getElementById('c-deposit').value) || 0;
        var total = input1 + input2 + input3;
        document.getElementById('c-total').value = total;
    }

</script>
